<html>
    <head>
        <title>事件名</title>
    </head>
    <body>
        <script>
            // 事件名
                     /*
                          不同于"组件" 和 prop ，事件名 "不存在任何自动化的大小写转换"。
                          而是"触发的事件名" 需要 "完全匹配" "监听这个事件所用的名称"。
                     */
                            // 举个例子 , 如果触发了一个 camelCase 名字的事件
                               this.$emit('myEvent');

                            // 那么监听这个名字的 kebab-case 版本将不会触发任何东西
                                  /*
                                        <my-component v-on:my-event="doSomething"></my-component>
                                  */

                            /*
                                不同于组件和 prop 库,事件名不会被用作一个 JavaScript 变量名 或 property 名，所以就没有理由使用 camelCase 或 PacalCase 了。
                                并且 v-on 事件监听器在DOM模板中会被"自动转化为全小写(因为HTML是大小写不敏感的)" 
                                所以 v-on:myEvent 将会变成 v-on:myevent -----导致 myEvent不可能被监听到。

                                因此,我们推荐你把所有的事件名，都是用 kebab-case 风格来命名。
                            */
        </script>
    </body>
</html>